<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<html>
<head>
    <title>私信详情 - 消息中心</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left goBack" href="javascript:void(0);" onclick="window.history.go(-1)">
            <span class="iconfont icon-fanhui"></span>
        </a>
        <h1 class='title title-white'>私信详情</h1>
    </header>

    <nav class="bar bar-tab wm-bar-tab-bx">
        <aside class="tab-item inp-txt__wrap">
            <textarea class="inp-txt-bx vam" id="commentInp" placeholder="请输入回复文字" style="width: 84%; line-height: 0.96rem;"></textarea>
            <span class="fs7 c-blue vam hide" id="commentBtn" style="display: inline;">回复</span>
        </aside>
    </nav>

    <div class="content wm-content order-content">
        <div class="page-group">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                <div class="content infinite-scroll native-scroll" data-type='native' data-distance="100">
                    <ul class="my-order-list u-message-list" id="message-list-box">
                        <li>
                            <div>
                                <div class="card-content">
                                    <div class="list-block media-list" style="margin-top: 0;">
                                        <ul>
                                            <li class="item-content">
                                                <div class="item-media">
                                                    <section class="facebook-avatar">
                                                        <img class="wm-img list-block-userface" src="https://wx.qlogo.cn/mmopen/vi_32/DYAIOgq83ep3450p0lbPNZNXE2mSbFREicSUAhEpmavt1MBlWjfUSJibk7NEUZnnGXIQ8rpPCibQXd0ViaXNBMEPbQ/132" width="40" height="40">
                                                    </section>
                                                </div>
                                                <div class="item-inner">
                                                    <div class="item-title pt5">
                                                        <aside class="pull-right">
                                                            <span class="fs4 c-bbb">2018-12-19 17:20</span>
                                                        </aside>
                                                        <span class="c-888 fs6">计算机班主任</span>
                                                        <div>
                                                            <section>
                                                                <span class="c-333 fs6">268edu Demo4.0 全新上线。</span>
                                                            </section>
                                                            <section class="fs4 c-blue">
                                                                <span class="vam icon icon-message"> 回复</span>
                                                            </section>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <section class="wm-line"></section>
                            <div>
                                <div class="ml5 mr5 pt5">
                                    <strong class="fs6 c-333" id="">往来私信</strong>
                                </div>
                                <div class="wm-course-list__wrap">
                                    <div class="list-block no-mt">
                                        <ul class="list-container facebook-card wm-topic-list ulRemoveli" id="topic-reply-list">
                                            <li id="no-data-li">
                                                <section class="no-data__wrap">
                                                    <em>&nbsp;</em>
                                                    <p>亲，没有往来私信，快快回复吧~~~</p>
                                                </section>
                                            </li>
                                            <li class="card-header">
                                                <section class="pull-right">
                                                    <span class="c-888 fs8">
                                                        <i class="icon icon-message"></i>
                                                    </span>
                                                </section>
                                                <div class="facebook-avatar mr5">
                                                    <img class="wm-img list-block-userface" src="https://fimage.268xue.com/upload/0/yzl/common/2018100818/6045dbb6df533237dcd29acdd1ac4760_jpg/pc/large.jpg" width="40" height="40" alt="">
                                                </div>
                                                <span class="fs6 c-666">你</span>
                                                <span class="fs6 c-blue">回复</span>
                                                <span class="fs6 c-666">计算机班主任</span>
                                                <div class="facebook-date c-bbb fs4">2018-11-13 19:38</div>
                                                <div class="wm-comment-list__wrap">
                                                    <span class="fs7 c-333 allreply-item">不错哦</span>
                                                </div>
                                            </li>
                                            <li class="card-header">
                                                <section class="pull-right">
                                                    <span class="c-888 fs8">
                                                        <i class="icon icon-message"></i>
                                                    </span>
                                                </section>
                                                <div class="facebook-avatar mr5">
                                                    <img class="wm-img list-block-userface" src="https://wx.qlogo.cn/mmopen/vi_32/DYAIOgq83ep3450p0lbPNZNXE2mSbFREicSUAhEpmavt1MBlWjfUSJibk7NEUZnnGXIQ8rpPCibQXd0ViaXNBMEPbQ/132" width="40" height="40" alt="">
                                                </div>
                                                <span class="fs6 c-666">计算机班主任</span>
                                                <span class="fs6 c-blue">回复</span>
                                                <span class="fs6 c-666">你</span>
                                                <div class="facebook-date c-bbb fs4">2018-11-13 19:38</div>
                                                <div class="wm-comment-list__wrap">
                                                    <span class="fs7 c-333 allreply-item">是不错哦</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div data-th-replace="layout/footer"></div>
</body>
</html>